#include("/manage/_common/_layout.html")
#@layout()

### ********************************* 定义页面标题
#define title()
参数设置
#end

### ********************************* css导入
#define import_css()
<style>
.layui-card{background-color: #ffffff;}
.preview-img{max-height: 28px; max-width: 50px;}
	.layui-row{background-color: #f2f2f2;}
</style>
#end

### ********************************* js导入
#define import_js()
#end

### ********************************* Body内容区开始
#define main()

<div class="layui-row layui-col-space15">

	<div class="layui-col-md8">
		<div class="layui-card" style="min-height: 565px;">
			<div class="layui-tab layui-tab-brief">
				<ul class="layui-tab-title">
					<li class="layui-this">新闻点击排行</li>
					<li>文章点击排行</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<table class="layui-table"
							   lay-data="{loading: true, url: '#(ctx)/manage/dashboard/ajaxGetNewsRanking', page: true,
	   						page: {layout: ['count', 'prev', 'page', 'next']} }">
							<thead>
							<tr>
								<th lay-data="{width:85, align:'center', templet:'#imgTpl'}">图片</th>
								<th lay-data="{field:'title', width: 250}">标题</th>
								<th lay-data="{field: 'categoryName', width: 160, align: 'center'}">分类名</th>
								<th lay-data="{field: 'hits', width: 80}">点击数</th>
								<th lay-data="{field: 'editorName', width: 120}">编辑人</th>
								<th lay-data="{field: 'editedTime', width: 160}">编辑日期</th>
							</tr>
							</thead>
						</table>
					</div>

					<div class="layui-tab-item">
						<table class="layui-table"
							   lay-data="{loading: true, url: '#(ctx)/manage/dashboard/ajaxGetDocRanking', page: true,
	   						page: {layout: ['count', 'prev', 'page', 'next']} }">
							<thead>
							<tr>
								<th lay-data="{width:85, align:'center', templet:'#imgTpl'}">图片</th>
								<th lay-data="{field:'title', width: 250}">标题</th>
								<th lay-data="{field: 'categoryName', width: 160, align: 'center'}">分类名</th>
								<th lay-data="{field: 'hits', width: 80}">点击数</th>
								<th lay-data="{field: 'editorName', width: 120}">编辑人</th>
								<th lay-data="{field: 'editedTime', width: 160}">编辑日期</th>
							</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-card" style="min-height: 565px;">
			<div class="layui-card-header">商品排行</div>
			<div class="layui-card-body layui-text">
				功能未完成，敬请期待。。。
			</div>
		</div>
	</div>

	<div class="layui-col-md4">
		<div class="layui-card">
			<div class="layui-card-header">软件信息</div>
			<div class="layui-card-body layui-text">
				<table class="layui-table">
					<colgroup>
						<col width="100">
						<col>
					</colgroup>
					<tbody>
					<tr>
						<td>作者</td>
						<td>
							<p>设计：胡高</p>
							<p>程序：胡高</p>
							<p>美工：胡高</p>
						</td>
					</tr>
					<tr>
						<td>联系方式</td>
						<td><p>电子邮件：3722711@qq.com</p><p>QQ：3722711</p></td>
					</tr>
					<tr>
						<td>当前版本</td>
						<td>
							v1.0.0 DEV (2019-04-17)
						</td>
					</tr>
					<tr>
						<td>相关框架</td>
						<td>
							<p><a href="http://www.jfinal.com/" target="_block">JFinal</a>  快速开发框架</p>
							<p><a href="https://www.layui.com" target="_block">Layui</a>  管理端前端框架</p>
							<p><a href="https://ckeditor.com/" target="_block">CKEditor</a>  富文本编辑器</p>
						</td>
					</tr>
					<tr>
						<td>主要特色</td>
						<td>简洁 / 响应式 / 操作简单 / 分类清晰</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="layui-card">
			<div class="layui-card-header">服务器信息</div>
			<div class="layui-card-body">
				<ul class="layui-timeline">
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis"></i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title">服务器</h3>
							<ul>
								<li>操作系统：#(sysProp.get("os.name"))</li>
								<li>系统架构：#(sysProp.get("os.arch"))</li>
								<li>系统版本：#(sysProp.get("os.version"))</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis"></i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title">Java</h3>
							<ul>
								<li>运行环境版本：#(sysProp.get("java.version"))</li>
								<li>运行环境供应商：#(sysProp.get("java.vendor"))</li>
								<li>供应商的URL：#(sysProp.get("java.vendor.url"))</li>
								<li>安装路径：#(sysProp.get("java.home"))</li>
							</ul>
						</div>
					</li>
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis"></i>
						<div class="layui-timeline-content layui-text">
							<h3 class="layui-timeline-title">服务器账户</h3>
							<ul>
								<li>账户名称：#(sysProp.get("user.name"))</li>
								<li>主目录：#(sysProp.get("user.home"))</li>
								<li>工作目录：#(sysProp.get("user.dir"))</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="layui-card">
			<div class="layui-card-header">最近登录</div>
			<div class="layui-card-body layui-text">
				<table class="layui-table"
					   lay-data="{loading: true, url: '#(ctx)/manage/dashboard/ajaxGetLogLoginList', page: true,
						page: {layout: ['count', 'prev', 'page', 'next']} }">
					<thead>
					<tr>
						<th lay-data="{field:'name', width: 160}">昵称</th>
						<th lay-data="{field: 'loginTime', width: 160, align: 'center'}">登录时间</th>
						<th lay-data="{field: 'loginIp', width: 140}">IP</th>
					</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>

</div>

<!-- 图片预览 -->
<script type="text/html" id="imgTpl">
#[[
	{{# if(d.img){ }}
	<img class="preview-img" onclick="Jfsa.reviewImage(this);" src="{{ d.img }}">
	{{#  } else { }}
	{{#  } }}
]]#
</script>

#end
### ********************************* Body内容区结束


### ********************************* 脚本区开始
#define script()
<script>
	layui.use(['jquery', 'layer', 'element', 'table'], function(){
		var $ = layui.jquery, layer = layui.layer, element = layui.element, table = layui.table;
	});
</script>
#end
### ********************************* JS脚本区结束
